<template>
<h3>条件渲染</h3>
<h3 v-if="flag">只有条件渲染为真才能看见这个标签</h3>
<h3 v-else>否则看见这个</h3>
<h3 v-if="type==='A'">A</h3>
<h3 v-else-if="type === 'B'">B</h3>
<h3 v-else-if="type === 'C'">C</h3>
<h3 v-else>NOT ABC</h3>
<h3 v-show="flag">flag为真才能看见这个标签</h3>
</template>

<script>
export default {
    data(){
        return {
            flag: false,
            type:"D"
        }
    }
}
</script>